<template>
  <div class="false-input">
    <router-link to='Search'>
      <div class="input">
        <p class="placeholder">
          <span class="iconfont icon-header-search"></span>
          <span class="placeholder-text">{{placeholderText}}</span>
        </p>
      </div>
    </router-link>
  </div>
</template>

<script>
  export default {
    name:'FalseInput',
    data() {
      return {
        placeholderText:'搜索商品名称'
      }
    },
  }
</script>

<style lang="scss" scoped>
  @import '~styles/mixins.scss';

	.false-input {
    flex: 1;
    padding: .06rem .1rem .06rem 0;
    box-sizing: border-box;

    .input {
    	@include flex-row;
    	@include vh-center;
    	width: 100%;
    	height: 100%;
    	background-color: #fff;
    	border-radius: 5px;

    	.placeholder {
    		font-size: .14rem;
    		color: #999;

    		.iconfont {
    			font-size: .18rem;
    			vertical-align: -.02rem;
    			margin-right: .05rem;
    		}
    	}
    }
	}
</style>



